<template>
    <div>
        <Return>
            <span class="top">更多</span>
        </Return>
        <div class="wifi">
            <span>WIFI下自动升级客户端</span>
            <el-switch
            v-model="value"
            active-color="#13ce66"
            inactive-color="#ff4949">
            </el-switch>
        </div>
        <div class="wifi clean">
            <span>清除本地缓存</span>
            <span>></span>
        </div>
        <div class="now">
            当前版本号：V1.1
        </div>
        <button @click="out">退出登录</button>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                value:true
            }
        },
        methods:{
            out(){
                this.$router.push("/login")
                localStorage.removeItem("isLogin")
            }
        }
    }
</script>

<style scoped>
.top{
    font-size: 14px;
}
.wifi{
    height: 5vh;
    border-bottom: 1px solid rgba(231, 231, 231, 1);
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2vw;
}
.clean{
    border-bottom: 4px solid rgba(231, 231, 231, 1);
}
.now{
    text-align: center;
    font-size: 14px;
    color: rgba(80, 80, 80, 1);
    line-height:8vh;
}
button{
    width: 80vw;
    height: 5vh;
    background: rgba(255, 87, 51, 1);
    border: 0;
    display: block;
    margin: 0 auto;
    border-radius: 23px;
    color: #fff;
    font-size: 14px;
}
</style>